<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美团外卖</title>
    <link rel="stylesheet" href="/css/modules/list.css">
    <link rel="shortcut icon" href="/images/favicon_1.ico" />
</head>

<body>
    <header></header>
    <main>
        <div id="reduceList">
        </div>
        <script type="text/html" id="getin2">
            {{each list item}}
            <div class="detail">
                <div class="info">
                    <div class="icon"><img src="{{item.img1}}" alt=""></div>
                    <div class="msg">
                        <div class="shop-name">{{item.Lword}}</div>
                        <div class="star">♥♥♥♥♥</div>
                        <div class="phone">023-651213121</div>
                    </div>
                </div>
                <div class="time">
                    <div class="send">
                        <span>起送费</span>
                        <div class="send-price">${{item.Lsend}}</div>
                    </div>
                    <div class="dist">
                        <span>配送费</span>
                        <div class="dist-price">${{item.Ldelivery}}</div>
                    </div>
                    <div class="now-time">
                        <div class="by" id="by"></div>
                    </div>
                </div>
            </div>
            <div class="product">
                <ul class="ul1">
                    <li>所有商品</li>
                    <li>评价</li>
                    <li>商家</li>
                </ul>
                <ul class="ul2">
                    <li>默认排序</li>
                    <li id="jg">价格</li>
                </ul>

            </div>
            <div class="category">
                <span>全部</span>
                <div>{{item.Lword1}}</div>
                <div>{{item.Lword2}}</div>
                <div>{{item.Lword3}}</div>
            </div>
            {{/each}}
        </script>



        <div class="hot-foot">
            <h4>热卖套餐</h4>
            <ul id="reduceList2">
                <script type="text/html" id="getin3">
                    {{each list item}}
                    <li>
                        <a href="/html/details.html?id={{item.id}}"><img src="{{item.shopIcon}}" alt=""></a>
                        <div class="hot-msg">
                            <div class="foot-name">{{item.shopName}}</div>

                            <div class="hot-price">￥{{item.shopPrice}}</div>
                        </div>
                    </li>
                    {{/each}}
                </script>
            </ul>
        </div>
        </div>




    </main>
    <footer></footer>

    <script src="/libs/require/require.min.js" data-main="/js/modules/list.js"></script>

</body>

</html>